<template>
  <div>
    <van-tabbar active-color="#414141" inactive-color="#b0b0b0" :route="true">
      <van-tabbar-item to="/home">
        <span>首页</span>
        <template #icon="">
          <van-icon class-prefix="icon" class="iconfont" name="icon-test" size="30"></van-icon>
        </template>
      </van-tabbar-item>
        <van-tabbar-item to="/cate">
        <span>分类</span>
        <template #icon="">
          <van-icon class-prefix="icon" class="iconfont" name="leimupinleifenleileibie" size="30"></van-icon>
        </template>
      </van-tabbar-item>
        <van-tabbar-item to="/cart">
        <span>购物车</span>
        <template #icon="">
          <van-icon class-prefix="icon" class="iconfont" name="gouwuche" size="30" :badge="$store.state.cart.carts.items.length?$store.state.cart.carts.items.length:''"></van-icon>
        </template>
      </van-tabbar-item>
        <van-tabbar-item to="/mime">
        <span>我的</span>
        <template #icon="">
          <van-icon class-prefix="icon" class="iconfont" name="wode" size="30"></van-icon>
        </template>
      </van-tabbar-item>
    </van-tabbar>
    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>

</style>
